<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引用样式重置文件-->
    <link rel="stylesheet/less" href="./zwq/base.less">
    <!--引用自己的样式文件-->
    <link rel="stylesheet/less" href="./zwq/zwq.less">
    <!--引用less.js-->
    <script src="./lib/less/less.min.js"></script>
</head>
<style>
    header{
        display:inline-block;
    }
</style>
<body>
<!--头部区域-->
<header id="header">
    <a href="" class="logo">
        <img src="./images/header_logo.png" alt="">
    </a>
    <a href="" class="app">
        <img src="./images/header_app.png" alt="">
    </a>
</header>

<!--首页菜单-->
<section id="menu" class="container-fluid">
    <div class="row text-center">

    </div>
</section>
<div id="zktj">
    <span class="clearfix">超值折扣推荐</span>
    <a href=""><img classs="clearfix" src="images/more.png" width="20" height="20" alt=""/></a>
</div>
<div class="zhekou" id="zhu-zg">
       <div class="gd">
        <a href="">更多优惠信息>></a>
    </div>
    </div>
<!--<div id="zktj">-->
    <!--<span class="clearfix">品牌排行</span>-->
    <!--<a href=""><img classs="clearfix" src="images/more.png" width="20" height="20" alt=""/></a>-->
<!--</div>-->
</body>
<!--首页菜单的模板-->
<script type="text/template" id="menuTpl">
    {{each result as value i}}
    <div class="col-xs-3 " style="{{}}">
        <a href="{{value.titlehref}}">
            {{#value.img}}
            <p>{{value.name}}</p>
        </a>
    </div>
    {{/each}}
</script>
<!--折扣推荐的模板-->
<script type="text/html" id="tmp">
    <ul>
        {{each result as value i}}
        <li>
            <a href="#">
                <div class="pic">{{#value.productImgSm}}</div>
                <div class="info">
                    <div class="title">{{value.productName}}<span class='red'>{{10}}</span></div>
                    <div class="bottom">
                        <span>{{value.productTime}}</span>
                        <span></span>
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </ul>
</script>
<!--引用jq-->
<script src="./lib/jquery/jquery.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

<!--引用template.js-->
<script src="./lib/template/template.js"></script>
<!--引用自己的js-->
<script src="./js/zwq.js"></script>